@import 'include/my.less';  //个人中心
@import 'include/search.less';  //搜索
@import 'include/login.less';   //登录注册
@import 'include/detail.less';   //详情
@import 'include/new.less';   //最新揭晓
@import 'include/cart.less';   //购物车，结算
@import 'include/help.less';   //问答页面
@import 'include/comment.less';   //晒单
@import 'include/lucky.less';   //幸运时刻1
@import 'include/address_list.less';   //管理收货地址
html,body{
	margin:0;
	padding: 0;
	font-family: Microsoft YaHei;
    /*font-size: 14px;*/
    min-width: 320px;
    background-color: #fafafa;
}
@media (min-width: 320px) { html{ font-size: 14px;}} 
@media (min-width: 414px) { html{ font-size: 16px;}}
@media (min-width: 486px) { 
	html { font-size: 18px;}
	.nav{
		max-height: 54px;
		line-height: 54px!important;
	}
	.container{
		padding-top: 54px!important;
		padding-bottom: 65px!important;
	}
	.footer{
		height: 65px!important;
		ul{
			height: 65px!important;
			li{
				background-position: center 8px!important;
				background-size: 25px auto!important;
			}
			li a{
				padding-top: 40px!important;
			}
		}
	}

	.comfooter{
		height: 65px!important;
		line-height: 65px;
		.inputbox{
			height: 65px!important;
			line-height: normal!important;
			input{
				margin-top: 11px;
				height: 43px;
			}
			.btn{
				margin-top: -22.5px;
			}
		}
	}
	.cart .payment-total-bar-new{
		bottom:64px!important;
	}
	.tabbox .top.fix{
		top: 54px!important;
		left: 50%!important;
		margin-left: -360px;
	}
	.goodslist{
		top:54px!important;
		/*width: 180px;*/
	}
}
@media (min-width: 536px) { html { font-size: 20px;}}
@media (min-width: 720px) {
	.goodslist{
		width: 180px;
	}
}
img{
	border-style:none;
}
ul,li,dl,dd{
	margin: 0;
	padding:0;
	list-style: none;
}
input,select{
	outline: none;
}
a{
	text-decoration: none;
	border: none;
　　-webkit-tap-highlight-color: rgba(0,0,0,0);
　　-webkit-tap-highlight-color: transparent;
　　outline: none;
	color: #333;
}
i,em{
	font-style: normal;
}
p,h3{
	margin: 0;
	padding:0;
}
.clear{
	display: block;
	clear: both;
	height: 0;
}
.header {
    width: 100%;
    background: #ff7700;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 1111;
    min-width:320px;
    .nav {
	    width: 100%;
	    max-width: 720px;
	    min-width: 320px;
	    margin: auto;
	    position: relative;
	    height: 3rem;
	    line-height: 3rem;
	    font-size: 1.2rem;
	    
	    .search {
		    position: absolute;
		    left: .167rem;
		    top: 50%;
		    width: 2.5rem;
		    height: 2.5rem;
		    margin-top: -1.25rem;
		    background:url(../images/search.png)no-repeat center center;
		    background-size: 50% auto;
		    a{
		    	display: block;
		    	height: 100%;
		    }
		    &.home{
				background:url(../images/homeon.png)no-repeat center center;
		    	background-size: 65% auto;
		    }
			&.goods{
				background:url(../images/goodson.png)no-repeat center center;
		    	background-size: 65% auto;
		    }
		}
		.title {
		    width: 40%;
		    margin: 0 auto;
		    color: #6E6E6E;
		    font-size: 1.1rem;
		    overflow: hidden;
		    white-space: nowrap;
		    text-align: center;
		    text-overflow: ellipsis;
		    height: 100%;
		    a{
		    	display: block;
		    	height: 100%;
		    }
		    img{
		    	height: 70%;
		    	vertical-align: middle;
		    }
		}
		.right {
		    position: absolute;
		    top: 0;
		    right: 0;
		    a{
		    	display: block;
		    	float: left;
		    	width: 3rem;
		    	text-align: center;
		    	color: #ee7f31;
		    	font-size: 1.1rem;
		    	img{
			    	width: 1.6rem;
			    	vertical-align: middle;
			    	
			    }
				&.rlt{
				    position: relative;
			    }
				i.urmsg{
					display: block;
				    width: 1.0rem;
				    height: 1.0rem;
				    text-align: center;
				    line-height: 1.0rem;
				    position: absolute;
				    right: 0.45rem;
				    font-size: .7rem;
				    top:0.45rem;
				    background: #f00;
				    font-style: normal;
				    color: #fff;
				    border-radius: 50%;
				}
		    }
		    
		    .more {
			    display: none;
			    position: absolute;
			    top: 3rem;
			    right: 0.2rem;
			    background: #fff;
			    z-index: 112;
			    border: 1px solid transparent;
			    border-radius: 2px;
			    box-shadow: -1px 1px 1px 1px #fafafa;
			    li {
				    border-bottom: 1px solid #f2f2f2;
				    width: 8rem;
				    height: 2.8rem;
				    line-height: 2.8rem;
				    text-align: left;
				    background: #fff;
				    a {
					    position: relative;
					    display: block;
					    width: 100%;
					    color: #333;
					    right: 0;
					    top: 0;
					    font-size: .9rem;
					    text-align: left;
					    text-indent: 2.5rem;
					    &:after {
						    content: "";
						    position: absolute;
						    left: .5rem;
						    top: 50%;
						    margin-top: -0.9rem;
						    width: 1.8rem;
						    height: 1.8rem;
						    background-size: 1.2rem auto;
						    background-repeat: no-repeat;
						    background-position: center center; 
						}
						&.buy-icon:after {
						    background-image: url(../images/buy-icon.png);
						}
						&.share-icon:after {
						    background-image: url(../images/share-icon.png);
						}
						&.help-icon:after {
						    background-image: url(../images/help-icon.png);
						}
						&.sao-icon:after {
						    background-image: url(../images/sao-icon.png);
						}
						&.home-icon:after {
						    background-image: url(../images/homeon.png);
						}
						&.cart-icon:after {
						    background-image: url(../images/caron.png);
						}
					}
					&:last-child{
						border-bottom: 0;
					}
				}
				&:after {
				    content: "";
				    position: absolute;
				    top: -1.1rem;
				    right: .7rem;
				    display: inline-block;
				    width: 0;
				    height: 0;
				    border-style: solid;
				    border-color: transparent transparent #fff;
				    border-width: .6rem;
				}
			}
		}
		.screenIfm {
		    display: none;
		    position: fixed;
		    left: 0;
		    top: 0;
		    width: 100%;
		    height: 100%;
		    opacity: .3 !important;
		    z-index: 111;
		}
	}
}
.container{
	max-width: 720px;
	margin:0 auto;
	padding: 3rem 0 3.6rem;
	position: relative;
	.iconlinks{
		background: #fff;
	    font-size: 1rem;
	    margin: 0;
	    padding-bottom: 0;
	    table {
		    width: 100%;

		    td {
			    text-align: center;
			    padding: 0;
			    white-space: nowrap;
				div{
					border-radius: 50%;
					padding: .6rem;
					
				}
		    	&:first-child{
		    		div{
		    			background:#D67FED;
		    		}
					
		    	}
		    	
		    	&:nth-child(2){
		    		div{
		    			background:#2FDDAC;
		    		}
					
		    	}
		    	&:nth-child(3){
		    		div{
		    			background:#8AAFFF;
		    		}
					
		    	}
		    	&:nth-child(4){
		    		div{
		    			background:#FF5F5F;
		    		}
					
		    	}
		    	&:nth-child(5){
		    		div{
		    			background:#FED200;
		    		}
					
		    	}
			    
			    a {
				    line-height: 2rem;
				    display: inline-block;
				    text-align: center;
				    padding-top: .5rem;
				    color: #595959;
				    font-size: 1rem;
				    img {
					    display: block;
					    margin: 0 auto;
					    width: 1.2rem;
					    height: 1.2rem;
					}
				}
			}
		}
	}
	.news{
		margin-top: 1rem;
		background: #fff;
		.new_top{
			line-height: 2.5rem;
			height: 2.5rem;
			position: relative;
			.title{
				position: absolute;
				top: 0;
				left: 0;
				font-size: 1rem;
				color: #ee7f31;
				padding-left: 1rem;
				&:after{
					content:'';
					position: absolute;
					left: 0;
					border-left:4px solid #ee7f31;
					height: 1.2rem;
					top:.65rem;
				}
			}
			.newscroll{
				padding:0 3rem  0 6rem ;
				background: url(../images/to.png)no-repeat right center;
				background-size: 1.6rem auto;
			}
			.txtScroll-top{
				width:100%;  
				overflow:hidden; 
				position:relative;   
				.hd{ display: none; } 
				.infoList li{ 
					line-height: 2.5rem;
					height: 2.5rem; 
					overflow: hidden;
					text-overflow:ellipsis;
					white-space: nowrap;
					font-size: .8rem;
					color: #979797;
					.date{
					    float:right; 
					    color:#999;  
					}
				}
			}
		}
		.newlist{
			border-top: 1px solid #F5F5F5;
			border-bottom: 1px solid #F5F5F5;
			li{
				width: 25%;
				border-right: 1px solid #F5F5F5;
				text-align: center;
				padding-top: 1rem;
				padding-bottom: .5rem;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
				box-sizing: border-box;
				float: left;
				&:last-child{
					border-right:0;
				}
				img{
					width: 80%;
				}
				a>span{
					color: #BFBFBF;
					display: block;
					font-size: .8rem;
					line-height: 1.6rem;
				}
				.time{
					margin:0 .5rem;
					color: #ee7f31;
					font-size: .8rem;
					display: block;
					border:1px solid #F6F5F6;
					border-radius: .8rem;
					line-height: 1.6rem;
					i{
						font-style: normal;
					}
				}
			}
		}
	}
	.item{
		width: 80%;
		margin:0 auto;
		text-align: center;
		line-height: 3rem;
		color: #686868;
		position: relative;
		span{
			display: inline-block;
			position: relative;
			z-index: 33;
			padding:0 1rem;
			font-size: 1rem;
			line-height: 3rem;
		}
		img{
			height: 1.2rem;
			margin-right: .5rem;
			float: left;
			margin-top: .9rem;
		}
		&:before,&:after{
			content:'';
			width: 30%;
			height: 0;
			border-bottom: 1px solid #EBEBEB;
			position: absolute;
			top: 50%;
			left: 0;
			z-index: 22;
		}
		&:after{
			right:0;
			left: auto!important;
		}
	}
	.intro{
		
		.introbox{
			background: #fff;
			width: 100%;
			height: 13.6rem;
			border-bottom: 1px solid #F5F5F5;
			border-top: 1px solid #F5F5F5;
			img{
				width: 4rem;
			}
			h3{
				color: #666666;
				font-size: 1rem;
				
			}
			p{
				color: #979797;
				line-height: 1.2rem;
				height: 2.4rem;
				overflow: hidden;
				font-size: .8rem;
			}
			a{
				display: block;
				padding:1rem 1rem;
				height: 100%;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
				box-sizing: border-box;
			}
			.left{
				width: 50%;
				height: 100%;
				float: left;
				border-right: 1px solid #F5F5F5;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
				box-sizing: border-box;
				
				text-align: center;

				img{
					width: 6rem;
				}
				h3{
					margin-top: .5rem;
					font-size: 1.2rem;
					margin-bottom: .5rem;
				}
			}
			.right{
				float: right;
				width: 50%;
				height: 50%;
				border-bottom: 1px solid #F5F5F5;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
				box-sizing: border-box;
				h3,p{
					margin-right: 4.5rem;
				}
				img{
					float: right;
				}
				&:last-child{
					border-bottom:0;
				}
			}
		}
	}
	.linebox{
		.line{
			height: .4rem;
			border-radius: .2rem;
			background: #F4F4F8;
			position: relative;
			.on{
				position: absolute;
				width: 50%;
				height: 100%;
				left: 0;
				top: 0;
				border-radius: .2rem;
				background: #ee7f31;
			}
		}
		table{
			margin-top: .5rem;
			width: 100%;
			font-size: .7rem;
			line-height: .9rem;
			color: #BBBBBB;
			tr{

				td:nth-child(2){
				text-align:center;
				}
				td:nth-child(3){
					text-align:right;
				}
				.fore{
					color: #b61426;
				}
				.final{
					color: #4EBBFF;
				}
			
			}
		}
	}
	.like{
		
	}
	.i_ul {
		background:#fff;
		overflow: hidden;
		.i_li {
			width: 50%;
			margin-bottom: 0px;
			position: relative;
			float: left;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
			box-sizing: border-box;
			padding: .7rem .7rem .8rem;
			>a{
				display: block;
				/*position: relative;*/
				color: #323232;
				overflow: hidden;
			}
			.img_inner{
				text-align: center;
				height: 6rem;
				img {
					max-height:100%;
					border: medium none;
					vertical-align: bottom;
				}
			}
			.cont{
				
			}
			.i_txt {
				margin-top: 1.1rem;
				color: #3C3C3C;
				height: 1.1rem;
				line-height: 1.2rem;
				overflow:hidden;
				text-overflow:ellipsis;
				font-size: 1rem;
				margin-bottom: .5rem;
				white-space: nowrap;
			}
			&:nth-child(even) {
				border-bottom: 1px solid #f5f5f5;
				border-right: 1px solid #fff;
				border-left: none;
			}
			&:nth-child(odd) {
				border-right: 1px solid #f5f5f5;
				border-bottom: 1px solid #f5f5f5;
				border-left: none;
			}
			
			.bom{
				margin-top: .3rem;
				overflow: hidden;
				.cart{
					float: right;
					width: 2.4rem;
					height: 2.4rem;
					background: #ee7f31 url(../images/cart.png)no-repeat center center;
					border-radius: 50%;
					background-size:60% auto;
					
				}
				.buybtn{
					margin-right: 3.4rem;
					padding:0.4rem 0;
					border-radius: 1rem;
					margin-top: .3rem;
					color: #ee7f31;
					font-size: .8rem;
					display: block;
					border:1px solid #ee7f31;
					text-align: center;
				}
			}

		}
	}
	.load{
		clear: both;
	    width: 100%;
	    display: block;
	    background: #f4f4f4;
	    height: 3rem;
	    line-height: 3rem;
	    text-align: center;
	    color: #999;
	    font-size: .9rem;
	    a{
	    	display: block;
	    }
	}
}
/*底部*/
.footer{
    position: fixed;
    bottom: -1px;
    height: 3.6rem;
    min-width: 320px;
    width: 100%;
    margin: 0px auto;
    background-color: #fff;
    z-index: 100;
    text-align: center;
    z-index: 1111;
	ul {
		height: 3.6rem;
		width: 100%;
		max-width: 720px;
		margin: 0px auto;
		background-color: #fff;
		z-index: 100;
		text-align: center;
		li {
			float: left;
			position: relative;
			background-size: 1.4rem auto;
			background-position: center .6rem;
			background-repeat: no-repeat;
			font-size: .8rem;
			
			width: 20%;
			&#shopCart{
				i{
					width: 2rem;
					display: block;
					position: absolute;
					top: 50%;
					margin-right: -1.5rem;
					margin-top: -2.3rem;
					right: 50%;
					background: #ee7f31;
					border-radius: 50%;
					color: #fff;
					line-height: 2rem;
					text-align: center;
					font-size: 1.4rem;
					transform: scale(0.5);
				}
			}
			a{
				display: block;
				line-height: .7rem;
				height: 1.4rem;
				padding-top: 2.4rem;
			}
			&.home {
				background-image: url("../images/home.png");
				&.current{
					background-image: url("../images/homeon.png");
				}
			}
			&.goods {
				background-image: url("../images/goods.png");
				&.current{
					background-image: url("../images/goodson.png");
				}
			}
			&.news {
				background-image: url("../images/news.png");
				&.current{
					background-image: url("../images/newson.png");
				}
			}
			&.car {
				background-image: url("../images/car.png");
				&.current{
					background-image: url("../images/caron.png");
				}

			}
			&.my {
				background-image: url("../images/my.png");
				&.current{
					background-image: url("../images/myon.png");
				}

			}
		}
	}
}

/*轮播*/
.focus{ width:100%;height: 0; margin:0 auto; position:relative; overflow:hidden;padding-bottom: 46.9%;background:url(../images/loading.gif) center center no-repeat;     }
.focus .hd{ width:100%; height:15px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
.focus .hd ul{ display:inline-block; height:10px; padding:3px 5px; background-color:transparent; 
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
}
.focus .hd ul li{ display:inline-block; width:7px; height:7px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#FFF; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#ee7f31;  }

.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;display:block; }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
//添加到购物车
.fly_item{
	width:40px;
	height:40px;
	overflow:hidden;
	position:absolute;
	visibility:hidden;
	z-index:99999;
	opacity:0.9;
}